<%@ include file="/common/taglibs.jsp"%>

<head>
    <title><fmt:message key="migrarClienteform.title"/></title>
    <meta name="heading" content="<fmt:message key='migrarClienteform.heading'/>"/>
</head>


<form:form id="migrarClienteform" commandName="migrarCliente"  action="migrarclienteform.html" 
	name="migrarClienteform" onsubmit="return onFormSubmit(this,true)">

 <ul>
	<li>
	
	<label for="coProgramaOrigen" class="required desc">
	  <fmt:message key="migrarCliente.programaorigen_id"/> <span class="req">*</span>
	</label>   
	<form:select path="coProgramaOrigen" class="text mediumlarge" id="coProgramaOrigen">
	<form:option value="-1"><fmt:message key="label.itemdefault"/></form:option>
	<form:options items="${migrarCliente.programas}" itemLabel="dePrograma" itemValue="id"/>    
	</form:select>
  	</li>

  	<li>
       <appfuse:label styleClass="desc" key="migrarCliente.desafiliar"/>
       <form:checkbox path="desafilia" />
 <!-- id="desafilia"  id="coProgramaOrigen"  id="edad1"  id="edad" id="coProgramaDestino" -->
    </li>
    
    <li>
	    <div>
	        <label for="coDepartamento" class="required desc">
	        <fmt:message key="label.departamento"/> 
	        </label>        
	        <form:errors path="coDepartamento" cssClass="fieldError"/>
	        <c:choose>
	        <c:when test="${not empty listadepartamento}">
		        <form:select id="coDepartamentoID" onchange="setCmbProvincia()" path="coDepartamento" cssClass="text medium" >
	            	<form:options itemValue="coDepartamento" itemLabel="deDepartamento" items="${listadepartamento}"/>
	            </form:select>
		    </c:when>
		    <c:otherwise>
	        	<fmt:message key="label.itemdefault"/>
		    </c:otherwise>
		    </c:choose>
	    </div>
    </li> 
    
       <li>
    	<div >
	        <label for="coProvincia" class="required desc">
	        <fmt:message key="label.provincia"/>
	        </label>
	        <form:errors path="coProvincia" cssClass="fieldError"/>
	        <c:choose>
	        <c:when test="${not empty listaprovincia}">
		        <form:select id="coProvinciaID" onchange="setCmbDistrito()" path="coProvincia" cssClass="text medium" >
	            	<form:options itemValue="coProvincia" itemLabel="deProvincia" items="${listaprovincia}"/>
	            </form:select>
		    </c:when>
		    <c:otherwise>
	        	<fmt:message key="label.itemdefault"/>
		    </c:otherwise>
		    </c:choose>    	
    	</div>
    </li> 
    
    <li>
    	<div >
	        <label for="coDistrito" class="required desc">
	        <fmt:message key="label.distrito"/> 
	        </label>
	        <form:errors path="coDistrito" cssClass="fieldError"/>
	        <c:choose>
	        <c:when test="${not empty listadistrito}">
		        <form:select id="coDistritoID" path="coDistrito" cssClass="text medium" >
							<form:options itemValue="coDistrito" itemLabel="deDistrito"
								items="${listadistrito}" />
						</form:select>
		    </c:when>
		    <c:otherwise>
	        	<fmt:message key="label.itemdefault"/>
		    </c:otherwise>
		    </c:choose>    	
    	</div>
    </li> 
 
     
    
	<li>
	
		<div >
		  <label for="edad" class="required desc">
			<fmt:message key="migrarCliente.edad" />
			</label>
			
			<form:input path="edad"    cssclass="text small" /> <span>a</span>
			<form:input path="edad1"   cssclass="text small" />
		</div>
	
	</li>
	

	<li>
	
	  	<div >
	    	<label for="fechaini" class="required desc">
	        <fmt:message key="migrarCliente.fechaafiliacion_inicio"/> 
	        </label>
	        
	        <form:input path="fechaini" id="fechaini" size="11" cssClass="text medium"/>
	        <input type="button" class="buttoncal" id="fechainiCal" value="..."/>[<fmt:message key="date.format"/>]
	    
			<script type="text/javascript">
	          new Calendar({
	                  inputField: "fechaini",		// id of the input field
	                  dateFormat: "%d/%m/%Y",
	                  trigger	: "fechainiCal",	// id of the button
	                  bottomBar	: false,
	                  onSelect	: function() {
	    					this.hide();
	                  }
	          });
	        </script>      	
    	</div>
    </li>
    
    <li>
    	<div >
	    	<label for="fechafin" class="required desc">
	        <fmt:message key="migrarCliente.fechaafiliacion_fin"/> 
	        </label>
	    
	        <form:input path="fechafin" id="fechafin" size="11" cssClass="text medium"/>
	        <input type="button" class="buttoncal" id="fechafinCal" value="..."/>[<fmt:message key="date.format"/>]
			<script type="text/javascript">
	          new Calendar({
	                  inputField: "fechafin",		// id of the input field
	                  dateFormat: "%d/%m/%Y",
	                  trigger	: "fechafinCal",	// id of the button
	                  bottomBar	: false,
	                  onSelect	: function() {
	    					this.hide();
	                  }
	          });
	        </script>      	
    	</div>
	
	</li>
	
	<li>
	
	<label for="coProgramaDestino" class="required desc">
	  <fmt:message key="migrarCliente.programadestino_id"/> <span class="req">*</span>
	</label> 
	<form:select path="coProgramaDestino"  class="text mediumlarge" id="coProgramaDestino">
		<form:option value="-1"><fmt:message key="label.itemdefault"/></form:option>
		<form:options items="${migrarCliente.programas}" itemLabel="dePrograma" itemValue="id"/>    
	</form:select>
  	</li>
  
  	
  	<li>
        <c:set var="buttons">
		    	
		        	<input type="button" class="button"  style="width: 100px" onclick="outvistaprevia()" value="<fmt:message key="button.vista_previa.migracion"/>"/>
		       	 <input type="submit" class="button"  name="save" id="bSumit" onclick="submitPressed()"  value="<fmt:message key="button.migrar"/>"/>
		       		<input type="button" class="button" onclick="location.href='<c:url value="/mainMenu.html"/>'" value="<fmt:message key="button.cancel"/>"/>
	
        </c:set>
      <c:out value="${buttons}" escapeXml="false"/>
    </li>
  	
  	
</ul>



		
</form:form>

<script type="text/javascript">


	function submitPressed() { 
		document.migrarClienteform.save.disabled = true; 
		//stuff goes here 
		document.migrarClienteform.submit(); 
		} 



	function onFormSubmit(theForm) {
	
		var inicioVigencia = dwr.util.getValue("fechaini");
	  	var finVigencia = dwr.util.getValue("fechafin");
		var edad = dwr.util.getValue("edad");
		var edad1 = dwr.util.getValue("edad1");
	
	
	  	if(edad>edad1){
			alert("La primera edad debe ser menor que la segunda edad ingresada");

			return false;
		}
		return comparingDates(inicioVigencia , finVigencia,
			  	'<fmt:message key="migrarCliente.desFechaIni"/>', '<fmt:message key="migrarCliente.desFechaFin"/>')
			  	&& validateMigrarCliente(theForm);
	}
	


    function setCmbProvincia(){
  
    	var coDepartamento = dwr.util.getValue("coDepartamentoID");
    	if(coDepartamento != '-1' && coDepartamento != null){
        	
	    	dwr.util.useLoadingMessage("Cargando ...");
	    	dwr.util.removeAllOptions("coProvinciaID");
			
	    	AfiliacionService.findPronvinciaUbigeo(coDepartamento,true,
	    	function(data) {
	    		dwr.util.addOptions("coProvinciaID", data,"coProvincia","deProvincia");
	    	});
    	}
    }
    

    function setCmbDistrito(){
   
 
    	var coDepartamento = dwr.util.getValue("coDepartamentoID");
    	var coProvincia    = dwr.util.getValue("coProvinciaID");
 
		if(coProvincia != '-1' && coProvincia != null &&
				coDepartamento != '-1' && coDepartamento != null){
        	
	    	dwr.util.useLoadingMessage("Cargando ...");
	    	dwr.util.removeAllOptions("coDistritoID");
	   
	    	AfiliacionService.findDistritoUbigeo(coDepartamento,coProvincia,true,
	    	function(data) {
		    	
	    		dwr.util.addOptions("coDistritoID", data,"coDistrito","deDistrito");          	
	    	});
    	}
    }

   function outvistaprevia(){
	   var coProgramaOrigen = dwr.util.getValue("coProgramaOrigen");
	   var desafilia ;
	
	   if(dwr.util.getValue("desafilia")=='true'){
		   desafilia='Y';
	  }else{ 
		 desafilia='N';
			}
	
	   var coDepartamentoID = dwr.util.getValue("coDepartamentoID");
	   var coProvinciaID = dwr.util.getValue("coProvinciaID");
	   var coDistritoID = dwr.util.getValue("coDistritoID");

	   var edad = dwr.util.getValue("edad");
	   var edad1 = dwr.util.getValue("edad1");
	   var fechaini = dwr.util.getValue("fechaini");
	   var fechafin = dwr.util.getValue("fechafin");
	   var coProgramaDestino = dwr.util.getValue("coProgramaDestino");
	 
	 	if(coProgramaOrigen=='-1' || coProgramaDestino=='-1'){
			alert("Debe seleccionar los campos de Programa de Origen y  de Programa Destino.");
		}else{
		
			if(coProgramaOrigen==coProgramaDestino){
				
				alert("Los campos  Programa Origen y Destino no pueden ser iguales.");
			}else{

					MigrarClienteService.programasnocompatibles(coProgramaOrigen,coProgramaDestino,function(data){
						var x=0;
						x=data;
						if(x>0 && desafilia=='N' ){
						alert("El Programa de Origen y Destino no son compatibles.");
						}else{
						
							window.location.href="/clubpgnweb/migrar/vistaprevia.html?coProgramaOrigen="+coProgramaOrigen+"&desafilia="+desafilia+"&coDepartamentoID="+coDepartamentoID+"&coProvinciaID="+coProvinciaID+"&coDistritoID="+coDistritoID+"&edad="+edad+"&edad1="+edad1+"&fechaini="+fechaini+"&fechafin="+fechafin+"&coProgramaDestino="+coProgramaDestino+"";
;
						}
						});

					}
			

	

		
		}	
	   }
  

 
</script>
<v:javascript formName="migrarCliente" staticJavascript="false"/>
<script type="text/javascript" src="<c:url value="/scripts/validator.jsp"/>"></script>
<script type='text/javascript' src="<c:url value="/dwr/interface/MigrarClienteService.js"/>"></script>
<script type='text/javascript' src="<c:url value="/dwr/interface/AfiliacionService.js"/>"></script>